<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Cappadocia</title>
    <link rel="stylesheet" href="styles/style.css">
</head>
<body>

<div class="main-image"></div>

<header class="header">
    <div class="container">
        <div class="logo">
            <img src="assets/images/logo.png" alt="Logo">
        </div>
        <nav class="menu">
            <ul>
                <li>
                    <a href="#">Туры</a>
                </li>
                <li>
                    <a href="#">Фотогалерея</a>
                </li>
                <li>
                    <a href="#">Отзывы</a>
                </li>
            </ul>
        </nav>
        <div class="header-actions">
            <button class="button button-transparent">Заказать звонок</button>
        </div>
    </div>
</header>

<section class="gallery">
    <div class="container">
        <h2>Фотогалерея</h2>
        <div class="gallery-description">
            Присылайте нам фотографии из тура и лучшие попадут в нашу галерею!
        </div>
        <div class="gallery-items">
            <div class="gallery-item gallery-item-big" style="background-image: url('assets/images/photo1.png')">
                <div class="gallery-text">Гёреме</div>
                <div class="gallery-eye">
                    <img src="assets/images/visibility.png" alt="eye">
                </div>
            </div>
            <div class="gallery-item" style="background-image: url('assets/images/photo2.png')">
                <div class="gallery-text">Кайсери</div>
                <div class="gallery-eye">
                    <img src="assets/images/visibility.png" alt="eye">
                </div>
            </div>
            <div class="gallery-item" style="background-image: url('assets/images/photo3.png')">
                <div class="gallery-text">Долина любви</div>
                <div class="gallery-eye">
                    <img src="assets/images/visibility.png" alt="eye">
                </div>
            </div>
            <div class="gallery-item" style="background-image: url('assets/images/photo4.png')">
                <div class="gallery-text">Город-крепость Учхисар</div>
                <div class="gallery-eye">
                    <img src="assets/images/visibility.png" alt="eye">
                </div>
            </div>
            <div class="gallery-item" style="background-image: url('assets/images/photo5.png')">
                <div class="gallery-text">Аванос</div>
                <div class="gallery-eye">
                    <img src="assets/images/visibility.png" alt="eye">
                </div>
            </div>
        </div>
    </div>
</section>

<section class="tours">
    <div class="container">
        <h2>Горящие туры</h2>
        <div class="tours-items">
            <div class="tour-item">
                <div class="tour-item-image">
                    <img src="assets/images/card1.png" alt="tour1">
                </div>
                <div class="tour-item-info">
                    <div class="tour-item-text">
                        Северная Каппадокия «Красный тур»
                    </div>
                    <div class="tour-item-action">
                        <button class="button button-field">Подробнее</button>
                    </div>
                </div>
                <div class="fix-block">
                    <img src="assets/images/hot_sale.png" alt="hot_sale">
                </div>
            </div>
            <div class="tour-item">
                <div class="tour-item-image">
                    <img src="assets/images/card2.png" alt="tour2">
                </div>
                <div class="tour-item-info">
                    <div class="tour-item-text">
                        «Симбиоз человека и природы»
                    </div>
                    <div class="tour-item-action">
                        <button class="button button-field">Подробнее</button>
                    </div>
                </div>
                <div class="fix-block">
                    <img src="assets/images/new.png" alt="new">
                </div>
            </div>
            <div class="tour-item">
                <div class="tour-item-image">
                    <img src="assets/images/card3.png" alt="tour3">
                </div>
                <div class="tour-item-info">
                    <div class="tour-item-text">
                        «Большое путешествие по Каппадокии»
                    </div>
                    <div class="tour-item-action">
                        <button class="button button-field">Подробнее</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<footer class="footer">
    <div class="container">
        <div class="logo">
            <img src="assets/images/logo.png" alt="Logo">
        </div>
        <div class="contacts">
            <h4>Контакты</h4>
            <p>+38(095)65-09-365</p>
            <p>+38(067)32-89-654</p>
        </div>
    </div>
</footer>

</body>
</html>